<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/6/28
  Time: 16:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div> <div class="top_l">期末作业</div></div>


<div>
<!--<img src="蓝1.png" width="1700", height="110">-->
<%--  上一行为名字图片的导入和规定大小--%>
    <img src="name.png" style="width: 125px;height: 47px">
<div class="customerservice">
    <p>
        <img src="phone.gif" alt="客服电话">
        <span>客服电话：123456789</span>
    </p>
    <p>
        <img src="qq.gif" alt="客服Q Q">
        <span>客服Q Q：1234567897</span>
    </p>
</div>
<%--相关客服信息--%>

</div>


<div class="main-nav-wrap" data-l1="3">
    <div class="main-nav box-center cf" id="type-hover">

        <ul>

            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/xvanhuan" >玄幻</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/qihuan" >奇幻</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/wuxia" >武侠</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/dushi" >都市</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/xianshi" >现实</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/jvnshi" >军事</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/lishi" >历史</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/youxi" >游戏</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/tiyv" >体育</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/kehuan" >科幻</a></li>
            <li style="display:inline;text-align:center;"><a href="//www.qidian.com/xvanyi" >悬疑</a></li>

        </ul>
    </div>
</div>
<%--为横着的那个属性头，没有新开页面--%>


